<ui:composition template="/WEB-INF/templates/FrontOffice/BasicTemplate.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
   xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:h="http://xmlns.jcp.org/jsf/html">
    
    <ui:define name="title">Gestion du panier</ui:define>


    <ui:define name="content">
    <h:form>
        <p:dataTable style="width:100%;" id="dataTablePanier" var="ligneCommande"
				value="#{gestPanierBean.panier.listeLigneCommande}"
				editable="true" >

				<f:facet name="header">  
            	Objet de votre commande
        		</f:facet>

			<p:column >
				<f:facet name="header">  
                	#{msgs1.label_reference_produit}  
            		</f:facet>
				<h:outputText value="#{ligneCommande.reference()}" />
			</p:column>

			<p:column>
				<f:facet name="header">  
                	#{msgs1.label_nom}  
            		</f:facet>
				<h:outputText value="#{ligneCommande.name()}" />
			</p:column>
			
			<p:column>
				<f:facet name="header">  
                	#{msgs1.label_quantite}  
            		</f:facet>
            		<p:commandButton  value="-"
                       actionListener="#{ligneCommande.moins}" update="dataTablePanier" />
				<h:outputText value="    #{ligneCommande.quantite}    " />
				<p:commandButton  value="+"
                       actionListener="#{ligneCommande.plus}" update="dataTablePanier" />
			</p:column>
			
			<p:column>
				<f:facet name="header">  
                	#{msgs1.label_prix_unit}  
            		</f:facet>
				<h:outputText value="#{ligneCommande.prixUnitaire()}" />
			</p:column>
			
			<p:column>
				<f:facet name="header">  
                	#{msgs1.label_ss_total}  
            		</f:facet>
				<h:outputText value="#{ligneCommande.sousTotal()}" />
			</p:column>

			<p:column>
				<f:facet name="header">  
                	#{msgs1.label_supprimer}  
            		</f:facet>
				<p:commandButton  value="#{msgs1.label_supprimer}"
                       actionListener="#{gestPanierBean.panier.supprimer(ligneCommande)}" update="dataTablePanier" >
                       
                </p:commandButton>
			</p:column>

		</p:dataTable>
		<br/>
		<div style="float:right;">
		<p:outputLabel id="ssTT" value="#{msgs1.label_ss_total} = #{gestPanierBean.panier.sousTotal()}"/> <br/>
		
		<p:commandButton value="#{msgs1.label_passer_commande}" action="#{gestPanierBean.commander}"/>
		</div>
		<p:ajax event="click" update="ssTT"/> 
		</h:form>
    </ui:define>
</ui:composition>